<template>
  <div class="publicBox" id="pay_ordereditCss">
<el-form ref="form" label-position="left" label-width="181px" class="demo-form-inline publicEditFrom">

<el-row>
     <div class="pubPageTagP">
               <p>订单管理/新建</p>
     </div>
</el-row>
<div class="warp">
    <div class="box">
        <p>支付时间：{{ChangeDateFormat(rowData.createtime,true)}}</p>
        <p>订单金额：{{rowData.orderamount}}</p>
        <p>支付金额：{{rowData.payamount}}</p>
        <p>关联退款单：{{rowData.orderrefundno}}</p>
    </div>
        <div class="box">
        <p>交易流水号：{{rowData.no}}</p>
        <p>优惠金额：{{rowData.discountamount}}</p>
        <p>支付方式：{{rowData.typename}}</p>
    </div>
        <div class="box">
        <p>关联订单编号：{{rowData.orderno}}</p>
        <p>优惠类型：{{rowData.discounttype}}</p>
    </div>
        <div class="box">
        <p>状态：{{rowData.orderpaystatusname}}</p>
    </div>
</div>
<div class="last_box">
    <div class="box">
        <p>用户ID：<span style="color:#5DA5FE">{{rowData.uid}}</span></p>
    </div>
    <div class="box">
        <p>用户手机号：{{rowData.phone}}</p>
    </div>
</div>

<el-row class="pubSubmitBtn-row">

            <el-button class="pubBtnBlue105" type="primary" @click="submitForm()">生成退款单</el-button>
            <el-button class="pubBtnBlue105" @click="$canCleFn"   type="primary">返回</el-button>
</el-row>

</el-form>
  </div>
</template>

<script>

export default {
  components: {


  },
  data() {
    return {


    }
  },
  // 计算属性，会监听依赖属性值随之变化
  computed: {


  },
  // 监控data中的数据变化
  watch: {


 },
  methods: {
    submitForm(){
        this.$router.push({path:"/platform/finance/refund_from"})
    }

  },
  created() {
         if(Object.keys(this.$route.query).length>0){
                        let data=this.$route.query.data
                        this.rowData=JSON.parse(data)
         }

  },
  mounted() {


  },
  beforeCreate() {}, // 生命周期 - 创建之前
  beforeMount() {}, // 生命周期 - 挂载之前
  beforeUpdate() {}, // 生命周期 - 更新之前
  updated() {}, // 生命周期 - 更新之后
  beforeDestroy() {}, // 生命周期 - 销毁之前
  destroyed() {}, // 生命周期 - 销毁完成
  activated() {}, // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>

<style lang="less" scoped>
.warp{
    width: 1280px;
    height: 100px;
    // display: block;
    .box{
        width: 25%;
        float:left;
        p{
            margin-bottom: 5px;
            font-size: 16px;
        }
    }
}
.last_box{   
    margin: 5px 100px 0 0;
    width: 1280px;
    .box{
        width: 25%;
        float:left;
        p{
            margin-bottom: 5px;
            font-size: 16px;
        }
    }
  }
</style>